<template>
  <el-menu>
    <menu-item :item="o" v-for="(o,index) in NavigateItem" :key="o.path"/>
  </el-menu>
</template>
<script>
import MenuItem from "../../components/MenuItem.vue"
import {reactive} from "vue";

export default {
  name: "DogItem",
  components: {
    MenuItem
  },
  setup() {
    const NavigateItem = reactive([
      {
        text: "首页",
        path: "1",
        icon: 'HomeFilled',
        children: [{
          text: "ss",
          path: "2",
          icon: 'HomeFilled',
          children: [],
        }],
      },
      {
        text: "首页2",
        path: "3",
        icon: 'HomeFilled',
        children: [{
          text: "ss22222",
          path: "4",
          icon: 'HomeFilled',
          children: [],
        }],
      }
    ]);
    return {
      NavigateItem
    }
  }
}
</script>

<style lang="scss" scoped>
.content {
  background: #fff;
  min-height: 400px;
}
</style>